<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/include/page.jsp"%>
<!DOCTYPE html>
<html>
	<head>
		<title>登陆 - 用户中心-后台</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport"
			content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta name="renderer" content="webkit">
		<script src="${rootPath}/B-JUI/B-JUI/js/jquery-1.11.3.min.js"></script>
		<script src="${rootPath}/B-JUI/B-JUI/js/jquery.cookie.js"></script>
		<link href="${rootPath}/B-JUI/B-JUI/themes/css/bootstrap.min.css" rel="stylesheet">
		
		<script src="${rootPath}/common/resource/util.js"></script>
		<link href="${rootPath}/css/common.css" rel="stylesheet">
		
		<style type="text/css">
			html, body {
				height: 100%;
				overflow: hidden;
			}
			
			body {
				font-family: "Verdana", "Tahoma", "Lucida Grande", "Microsoft YaHei",
					"Hiragino Sans GB", sans-serif;
				background: url(${rootPath}/B-JUI/images/loginbg_01.jpg) no-repeat center center fixed;
				background-size: cover;
			}
			
			.form-control {
				height: 37px;
			}
			
			.main_box {
				position: absolute;
				top: 45%;
				left: 50%;
				margin: -200px 0 0 -180px;
				padding: 15px 20px;
				width: 360px;
				height: 400px;
				min-width: 320px;
				background: #FAFAFA;
				background: rgba(255, 255, 255, 0.5);
				box-shadow: 1px 5px 8px #888888;
				border-radius: 6px;
			}
			
			.login_msg {
				height: 30px;
			}
			
			.input-group>.input-group-addon.code {
				padding: 0;
			}
			
			#captcha_img {
				cursor: pointer;
			}
			
			.main_box .logo img {
				height: 35px;
			}
			
			@media ( min-width : 768px) {
				.main_box {
					margin-left: -240px;
					padding: 15px 55px;
					width: 480px;
				}
				.main_box .logo img {
					height: 40px;
				}
			}
		</style>
		<script type="text/javascript">
			var COOKIE_NAME = 'sys_em_username';
			$(function() {
				choose_bg();
				changeCode();
				if ($.cookie(COOKIE_NAME)) {
					$("#j_username").val($.cookie(COOKIE_NAME));
					$("#j_password").focus();
					$("#j_remember").attr('checked', true);
				} else {
					$("#j_username").focus();
				}
				$("#captcha_img").click(function() {
					changeCode();
				});
				$("#login_form").submit(function() {
					var issubmit = true;
					var i_index = 0;
					$(this).find('.form-control').each(function(i) {
						if ($.trim($(this).val()).length == 0) {
							$(this).css('border', '1px #ff0000 solid');
							issubmit = false;
							if (i_index == 0)
								i_index = i;
						}
					});
					if (!issubmit) {
						$(this).find('.form-control').eq(i_index).focus();
						return false;
					}
					var $remember = $("#j_remember");
					if ($remember.attr('checked')) {
						$.cookie(COOKIE_NAME, $("#j_username").val(), {
							path : '/',
							expires : 15
						});
					} else {
						$.cookie(COOKIE_NAME, null, {
							path : '/'
						}); //删除cookie
					}
		
					$("#login_ok").attr("disabled", true).val('登陆中..');
					/*
					var key = CryptoJS.enc.Base64.parse($("#j_randomKey").val());
					var iv = CryptoJS.enc.Latin1.parse('0102030405060708');
					var password = CryptoJS.AES.encrypt($("#j_password").val(), key, {iv:iv, mode:CryptoJS.mode.CBC, padding:CryptoJS.pad.Pkcs7 });
					
					$("#j_password").val(password)
					 */
		
					//return true;
					location.href = 'index.html'
		
				});
			});
			function changeCode() {
				//$("#captcha_img").attr("src", "sys/login/getCaptcha?t="+ (new Date().getTime()));
			}
			function choose_bg() {
				var bg = Math.floor(Math.random() * 9 + 1);
				$('body')
						.css('background-image', 'url(${rootPath}/B-JUI/images/loginbg_0' + bg + '.jpg)');
			}
		</script>
	</head>
	<body>
		<!--[if lte IE 7]>
		<style type="text/css">
		#errorie {position: fixed; top: 0; z-index: 100000; height: 30px; background: #FCF8E3;}
		#errorie div {width: 900px; margin: 0 auto; line-height: 30px; color: orange; font-size: 14px; text-align: center;}
		#errorie div a {color: #459f79;font-size: 14px;}
		#errorie div a:hover {text-decoration: underline;}
		</style>
		<div id="errorie"><div>您还在使用老掉牙的IE，请升级您的浏览器到 IE8以上版本 <a target="_blank" href="http://windows.microsoft.com/zh-cn/internet-explorer/ie-8-worldwide-languages">点击升级</a>&nbsp;&nbsp;强烈建议您更改换浏览器：<a href="http://down.tech.sina.com.cn/content/40975.html" target="_blank">谷歌 Chrome</a></div></div>
		<![endif]-->
		<div class="container">
			<div class="main_box">
				<form action="${rootPath }/loginSubmit.htm" id="login_form" method="post">
					<input type="hidden" value="" id="j_randomKey" />
					<input type="hidden" name="jfinal_token" value="" />
					
					<input type="hidden" name="returnUrl" value="${param.returnUrl }"/>
					
					<p class="text-center logo">
						<img src="${rootPath}/B-JUI/images/logo.png" height="45">
					</p>
					<div class="login_msg text-center">
						<font color="red"></font>
					</div>
					<div class="form-group">
						<div class="input-group">
							<span class="input-group-addon" id="sizing-addon-user">
								<span class="glyphicon glyphicon-user"></span>
							</span>
							<input type="text" class="form-control" id="email" name="email" value="${requestScope.admins.email }"
								placeholder="邮箱" aria-describedby="sizing-addon-user">
						</div>
					</div>
					<div class="form-group">
						<div class="input-group">
							<span class="input-group-addon" id="sizing-addon-password">
								<span class="glyphicon glyphicon-lock"></span>
							</span>
							<input type="password" class="form-control" id="password" name="password"
								placeholder="密码" aria-describedby="sizing-addon-password">
						</div>
					</div>
					<c:if test="${sessionScope.randFiledCount >= 3}">
						<div class="form-group">
							<div class="input-group">
								<span class="input-group-addon" id="sizing-addon-password">
									<span class="glyphicon glyphicon-exclamation-sign"></span>
								</span> 
								<input type="text" class="form-control" id="code" name="code"
									placeholder="验证码" aria-describedby="sizing-addon-password">
								<span class="input-group-addon code" id="basic-addon-code">
									<a href=""  onclick="return refreshImg('randImg')">
										<img id="randImg"  src="${rootPath }/randImg.htm" alt="点击更换" 
											title="点击更换" width="150" height="35" class="m">
									</a>
								</span>
							</div>
						</div>
					</c:if>
					<%--
					<div class="form-group">
						<div class="checkbox">
							<label for="j_remember" class="m"><input id="j_remember"
								type="checkbox" value="true">&nbsp;记住登陆账号!</label>
						</div>
					</div>
					 --%>
					
					<div class="form-group text-center error_info">
						${info }
					</div>
					<div class="text-center">
						<button type="submit" id="login_ok" class="btn btn-primary btn-lg">&nbsp;登&nbsp;录&nbsp;</button>
						&nbsp;&nbsp;&nbsp;&nbsp;
						<button type="reset" class="btn btn-default btn-lg">&nbsp;重&nbsp;置&nbsp;</button>
					</div>
					<%--
					<div class="text-center">
						<hr>2014 - 2016
						<a href="login.html">B-JUI 前端管理框架</a>
					</div>
					 --%>
				</form>
			</div>
		</div>
	</body>
</html>